<template>
	<view class="">
		<view class="cell-item justify-between align-center"
		 @tap="$navto(v.path)"
		 v-for="(v,k) in cellInfoList" :key="k">
			<view class="justify-start align-center">
				<x-img :width="v.width" :height="v.height" :style="{marginRight:v.mr}"  static :src="`/static/images/mine/mine${k+1}.png`"></x-img>
				<text class="cell-title">{{v.label}}</text>
			</view>
			<u-icon name="arrow-right" color="rgba(126, 126, 126, 1)"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cellInfoList:[
					{
						label:"我的权益卡",
						icon:"/static/images/mine/mine1.png",
						width:"44rpx",
						height:"31rpx",
						mr:'32rpx',
						path:"/pages/mine/myCard"
					},
					{
						label:"预约订单",
						icon:"/static/images/mine/mine1.png",
						width:"34rpx",
						height:"45rpx",
						mr:'36rpx',
						path:"/pages/mine/order/pre-order"
					},
					{
						label:"商品订单",
						icon:"/static/images/mine/mine1.png",
						width:"34rpx",
						height:"42rpx",
						mr:'36rpx',
						path:"/pages/mine/myCard"
					},
					{
						label:"我的收藏",
						icon:"/static/images/mine/mine1.png",
						width:"38rpx",
						height:"36rpx",
						mr:'34rpx',
						path:"/pages/mine/myCard"
					},
					{
						label:"我的积分",
						icon:"/static/images/mine/mine1.png",
						width:"34rpx",
						height:"38rpx",
						mr:'36rpx',
						path:"/pages/mine/myCard"
					},
					{
						label:"我的购物车",
						icon:"/static/images/mine/mine1.png",
						width:"43rpx",
						height:"39rpx",
						mr:'34rpx',
						path:"/pages/mine/myCard"
					},
					{
						label:"设置",
						icon:"/static/images/mine/mine1.png",
						width:"38rpx",
						height:"36rpx",
						mr:'33rpx',
						path:"/pages/mine/myCard"
					},
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
	.cell-item{
		width: calc(100vw - 80rpx);
		height: 119rpx;
		border-bottom:1rpx solid rgba(0,0,0,0.1);
		.cell-title{
			font-weight: 400;
			font-size: 30rpx;
			color: #000000;
		}
	}
	
</style>